<template>
	<view class="content">
    <cc-goback title='修改密码' color="#fff"></cc-goback>
    <view class="navigation_head">
    </view>
    <view class="password">
      <view class="word">
        旧密码
      </view>
      <input type="text" :value="oldpassword" placeholder="请输入旧密码"/>
    </view>
    <view class="password">
      <view class="word">
        新密码
      </view>
      <input type="text" :value="newpassword" placeholder="请输入新密码"/>
    </view>
	  <view class="btn">
	    <button type="primary">提交</button>
	  </view>
  </view>
</template>

<script>
	export default {
		data() {
			return {
				oldpassword:'',
        newpassword:''
			};
		}
	}
</script>

<style lang="scss">
 .navigation_head{
    height: calc(88rpx + var(--status-bar-height));
  }
  .password{
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 690rpx;
    height: 104rpx;
    border-bottom: 1rpx solid #E6E6E6;
  }
  .word{
    margin-right: 40rpx;
    font-size: 30rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    }
    .btn{
      width: 702rpx;
      height: 80rpx;
      margin: 100rpx auto 0;
    }
</style>
